<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>登录系统</title>
    <link rel="stylesheet" href="__PUBLIC__/lib/foundation-4.3.2/css/foundation.css">
    <link rel="stylesheet" href="__PUBLIC__/css/public.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/login.css"/>
    <script src="__PUBLIC__/js/jquery-1.9.1.min.js"></script>
    <script src="__PUBLIC__/js/jquery.form.min.js"></script>
    <script src="__PUBLIC__/js/Login.js"></script>
    <script>
        var APP = '__APP__';
    </script>
</head>
<body>
<div class="top-bar" data-topbar>
    <ul class="title-area">
        <li class="name">
            <h1><a href="#">重庆玛雅摄影·登录</a></h1>
        </li>
    </ul>

    <div class="top-bar-section">
        <!-- Right Nav Section -->
        <ul class="right">
            <li class="divider"></li>
            <li><a href="{:U('index/index')}">首页</a></li>
            <li class="divider"></li>
            <li class="active"><a href="#">登录</a></li>
            <li class="divider"></li>
        </ul>
    </div>
</div>
<div class="row">
    <form id="loginForm" class="small-6 small-centered columns login-form" action="{:U('/system/toLogin')}">
        <div class="row">
            <div class="small-3 columns">
                <label for="username" class="right">用户名</label>
            </div>
            <div class="small-9 columns">
                <input type="text" id="username" name="username" placeholder="用户名">
            </div>
        </div>
        <div class="row">
            <div class="small-3 columns">
                <label for="password" class="right">密码</label>
            </div>
            <div class="small-9 columns">
                <input type="password" id="password" name="password" placeholder="密码">
            </div>
        </div>
        <div class="row">
            <div class="small-3 columns">
                <label for="code" class="right">验证码</label>
            </div>
            <div class="small-9 columns">
                <div class="row">
                    <div class="small-9 columns">
                        <input type="text" id="code" name="code" placeholder="验证码">
                    </div>
                    <div class="small-3 columns">
                        <img id="codeImg" src="{:U('system/code')}" alt="验证码" onclick="Login.changeCode()"/>
                    </div>
                </div>
                
            </div>
        </div>
        <div class="row">
            <div class="small-3 columns">

            </div>
            <div class="small-9  columns">
                <input class="button small" value="登录" type="button" onclick="Login.login()"/>
            </div>
        </div>
        <div class="row">
            <div class="small-3 columns">

            </div>
            <div class="small-9  columns">
                <div class="alert-box success round" >
                    <i id="alert-box">请输入用户名密码</i>
                </div>
            </div>
        </div>
    </form>
</div>
</body>
</html>
